<div id="main_body">

<style>
	.ui-autocomplete 
	{
		max-height: 300px;
		overflow-y: auto;
		overflow-x: hidden;
		padding-right: 20px;
		font-size:12px;
	}
	#main_body td
	{
		font-size:14px;
	}
</style>
<link rel="stylesheet" href="../app_themes/chosen/chosen.css" />

{literal}
<script type="text/javascript" src="../app_themes/jquery/jquery-1.6.2.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.position.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript" src="../app_themes/jquery/ui/jquery.ui.autocomplete.js"></script>
<script type="text/javascript" src="../app_themes/chosen/chosen.jquery.js" ></script>

<script type="text/javascript">
$(function()
{
	$("#odate").datepicker
	({
		
	});	
	
	$("#cdate").datepicker
	({
		
	});	
	
	$(".fancy").chosen(); 
	$(".fancy-deselect").chosen({allow_single_deselect:true});					  
});
</script>
{/literal}

<form method="post" action="updateCompany.php">

<h1>Select a Company</h1>

{if $message != ''}<p style="font-weight:bold;color:blue;">{$message}</p>{/if}{if $message == ''}<br />{/if}

<table class="signupForm">
    <tr>
    	<td>Company Name: </td>
        <td>
        	<select name='companyName' data-placeholder="Choose a Company..." class="fancy" style="width:300px;" tabindex="4" onchange="submit();">
          		<option value=""></option> 
                {foreach from=$companylist key=k item=v name='cList'}<option value="{$k}">{$v}</option>
                {/foreach}
            </select>
    </tr>
</table>
</form>

</div>